<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <title>Title</title>
    <style>
        input,textarea{
            outline: none;
        }
        .table{
            border: 1px solid #e5e5e5;
            border-collapse: collapse;
            margin-top: 20px;
            margin-bottom: 30px;
        }
        .manacontent{
            padding: 20px 20px 70px;
        }
        tr th:nth-child(n){
            background: #e6e6e6;
        }
        tr th:nth-child(2n){
            background: #eaeaea;
        }
        tr td:nth-child(2n){
            background: #fbfbfb;
        }
        tr td:last-child{
            color: #3f95f0;
        }
        tr{
            height: 48px;!important;
        }
        textarea::placeholder{
            color: #cccccc;
        }
        textarea::-moz-placeholder{
            color: #cccccc;
        }
        textarea:-moz-placeholder{
            color: #cccccc;
        }
        .btns{
            width: 120px;
            margin-right: 35px;
            height: 30px;
            border-radius:5px;
            outline:none;
        }

        .button2{
            background: #293b4d;
            color: #ffffff;
            border: none;
            margin-left: 200px;
        }
        .name{
            display: inline-block;
            margin-left: 120px;
            font-size: 14px;
            color: #293b4d;
            width: 95px;
            margin-top: 8px;
        }
        .inputs{
            width: 200px;
            height: 30px;
            border: 1px solid #cccccc;
            background: #fafafa;
            margin-bottom:10px;
        }
        textarea{
            border: 1px solid #cccccc;
            background: #fafafa;
            margin-bottom: 10px;
            resize:none;
            width: 200px;
            height: 65px;
            /*color: #cccccc;*/
        }
        .product{
            width:425px;
            height: 140px;
            /*background: #fbfbfb;*/
            margin-left: 110px;
            margin-top: 30px;
            margin-bottom: 50px;
        }
        .pname{
            display: inline-block;
            font-size: 14px;
            color: #293b4d;
            margin: 20px 0px 22px 10px;
        }
    </style>
</head>
<body>

<div class="manacontent">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">商品管理</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">添加素材</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <!--商品管理-->
        <div role="tabpanel" class="tab-pane active" id="home">
            <form method="">
                <table class="table" border="1">
                    <thead>
                    <tr>
                        <th width="72px">序号</th>
                        <th width="300px">商家</th>
                        <th width="300px">商品名称</th>
                        <th width="200px">价格</th>
                        <th width="300px">预计投送量</th>
                        <th width="300px">实际投送量</th>
                        <th width="200px">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            01
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr>
                    <tr>
                        <td>
                            02
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr><tr>
                        <td>
                            03
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr>
                    <tr>
                        <td>
                            04
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr><tr>
                        <td>
                            05
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr>
                    <tr>
                        <td>
                            06
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr>
                    <tr>
                        <td>
                            07
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr>
                    <tr>
                        <td>
                            08
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr>
                    <tr>
                        <td>
                            09
                        </td>
                        <td>测试商家</td>
                        <td>测试商品</td>
                        <td>测试价格</td>
                        <td>测试预计投送量</td>
                        <td>测试实际操作</td>
                        <td>编辑</td>
                    </tr>

                    </tbody>
                </table>
            </form>
            <!--<div class="text">第<p class="num">1</p>页/共<p class="num">1</p>页</div>-->
            <!--<div class="tablefooter">-->
                <!--<div class="go">-->
                    <!--第-->
                    <!--<div class="input-group">-->
                        <!--<input type="text" class="form-control" aria-describedby="basic-addon1">-->
                    <!--</div>-->
                    <!--页-->
                <!--</div>-->
                <!--<p class="tiao">跳转</p>-->

                <!--<button type="button" class="btns button1">上一页</button>-->
                <!--<button type="button" class="btns button2">下一页</button>-->

            <!--</div>-->
        </div>
        <!--添加素材-->
        <div role="tabpanel" class="tab-pane" id="profile"style="padding-top: 30px;">
            <form method="post" action="php/saveGoods.php">
                <div>
                    <p class="name">商品编号：</p>
                    <input type="text" class="inputs" value="" name="goodsId">
                </div>
                <div>
                    <p class="name">商品名称：</p>
                    <input type="text" class="inputs" value="" name="goodsName">
                </div>
                <div>
                    <p class="name">商品类型：</p>
                    <input type="text" class="inputs" value="" name="goodsType">
                </div>
                <div style="display: flex">
                    <p class="name" style="margin-right: 3px">商品描述：</p>
                    <textarea placeholder="不超过15个字" class="textarea" name="goodsDesc"></textarea>
                </div>
                <div>
                    <p class="name">商品价格：</p>
                    <input type="text" class="inputs" value="" name="goodsPrice">
                </div>
                <div>
                    <p class="name">商品数量：</p>
                    <input type="text" class="inputs" value="" name="goodsCount">
                </div>
                <div class="product">
                    <p class="pname">商品图片:</p>
                    <div style="display: inline-block">
                        <input id="goods-input" type="file" name="goodsImg" value="" id="txt_file" multiple class="file-loading" style="margin-left: 37px">
                    </div>
                </div>
                <div style="display: none">
                    <input type="hidden" value="备用1：" name="beiyong1" /><br/>
                    <input type="hidden" value="备用2：" name="beiyong2" /><br/>
                    <input type="hidden" value="备用3：" name="beiyong3" /><br/>
                    <input type="hidden" value="备用4：" name="beiyong4" /><br/>
                    <input type="hidden" value="备用5：" name="beiyong5" /><br/>
                    <input type="hidden" value="备用6：" name="beiyong6" /><br/>
                    <input type="hidden" value="备用7：" name="beiyong7" /><br/>
                    <input type="hidden" value="备用8：" name="beiyong8" /><br/>
                    <input type="hidden" value="备用9：" name="beiyong9" /><br/>
                    <input type="hidden" value="备用10：" name="beiyong10" /><br/>
                    <input type="hidden" value="备用11：" name="beiyong11" /><br/>
                    <input type="hidden" value="备用12：" name="beiyong12" /><br/>
                    <input type="hidden" value="备用13：" name="beiyong13" /><br/>
                </div>
                <button type="submit" class="btns button2">保存商品</button>
                <!--<input type="submit" value="保存商品" />-->
            </form>

        </div>


    </div>

</div>
</body>
</html>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script>

</script>